.electricity-price-detail {
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(54, 58, 80, .32);
}

.electricity-price-detail .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 48px;
    padding: 0px 24px;
    background-color: #fff; //rgb(40, 51, 99);
    box-shadow: rgb(59, 79, 117) 0px 1px 0px 0px;
}

.electricity-price-detail .head .back {
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
    color: rgb(1, 239, 182);
}

.electricity-price-detail .content {
    display: flex;
    justify-content: space-between;
}

.electricity-price-table {
    border: 1px solid #ddd; //#3b4f75;
    text-align: center;
    margin: 16px;
}

.electricity-price-table .header {
    background: #efefef; //#283363;
    display: flex;
}

.electricity-price-table .header .month, .electricity-price-table .content-value .month-value {
    width: 30%;
}

.electricity-price-table .header .price-box, .electricity-price-table .content-value .content-price-box {
    width: 70%;
}

.electricity-price-table .header .price-box .cells, .electricity-price-table .content-value .content-price-box {
    display: flex;
}

.electricity-price-table .header .price-box .cells div, .electricity-price-table .content-value .content-price-box div {
    width: 25%;
}

.electricity-price-table .content-value {
    display: flex;
    border-top: 1px solid #ddd; //#3b4f75;
}

.month {
    height: 100px;
    line-height: 100px;
    border-right: 1px solid #ddd; //#3b4f75;
    border-top-left-radius: 4px;
}

.month-value, .content-price-box, .price, .cells {
    height: 50px;
    line-height: 50px;
}

.price {
    border-bottom: 1px solid #ddd; //#3b4f75;
}

.cells div, .month-value, .content-price-box div {
    border-right: 1px solid #ddd; //#3b4f75;
}

.cells div:last-child, .content-price-box div:last-child {
    border-right: none;
}
